import React from "react";
import style from "./index.module.css";
import { NavBar } from "antd-mobile";
import { Cell } from "react-vant";
import Image3 from "../../../public/icon03.jpg";
import { useNavigate } from "react-router-dom";
// import { BellOutline } from 'antd-mobile-icons';

function Index() {
  const navigate = useNavigate()
  return (
    <div>
      <NavBar className={style.navbar_title} backArrow={false} >
        医生消息
      </NavBar>
      <div className={style.cell_box} onClick={()=>navigate('/Teme')}>
        <img style={{ width: "48px", height: "48px" }} src={Image3} alt="" />
        <Cell
          title={
            <div className={style.cell}>
              <p>系统消息</p>
              <span className={style.cell_top}>置顶</span>
            </div>
          }
          label="近期热门推荐"
        >
          <div className={style.cell_time}><p>3小时前</p></div>
        </Cell>
      </div>
    </div>
  );
}

export default Index;
